<section id="<block name="sectionId"></block>" data-pull="arrow-down" data-transition="slide">
    <block name="header">
        <header data-title="{$app.title}" data-back="chevron-left" >
            <nav>
                <a ms-visible="isasides" href="#" data-view-aside="aside" data-icon="menu"></a>
                <a data-view-article="back" data-icon="left" ></a>
            </nav>

            <nav class="on-right">
                <a ms-visible="ismenus" href="#" data-view-menu="menus" data-icon="grid"></a>
            </nav>
        </header>
    </block>

    <block name="menus">
    <nav id="menus" data-control="menu">
        <a ms-visible="ismenus" ms-repeat="menus" ms-click="clickNav(el)" ms-href="#/{{el.module}}/{{el.id}}">{{el.name}}</a>
    </nav>
    </block>

    <block name="article">

    </article>
    </block>
    

    <block name="nav">
    <footer ms-visible="isnavs">
        <nav  class="icons">
            <a ms-click="clickNav(el)" ms-repeat="navs"  ms-href="#/{{el.module}}/{{el.id}}" >{{el.name}}</a>
        </nav>
    </footer>
    </block>
</section>